<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>预约中心</title>

</head>

<body>
    <div class="web">
        <header>
            <!--头部-->
            <div class="logoBox">
                <!--官网logo-->
                <img src="../images/home-logo.jpg" alt="">
            </div>
            <nav>
                <!--导航栏-->
                <div class="navitem">
                    <a href="./index.html" rel="">首页</a>
                </div>
                <div class="navitem">
                    <a href="./about.html" rel="">关于我们</a>
                </div>
                <div class="navitem">
                    <a href="./product.html" rel="">产品中心</a>
                </div>
                <div class="navitem">
                    <a href="./appointment.html" rel="">预约设计</a>
                </div>
                <div class="navitem">
                    <a href="./news.html" rel="">新闻资讯</a>
                </div>
                <div class="navitem">
                    <a href="./service.html" rel="">服务平台</a>
                </div>
                <div class="navitem">
                    <a href="./contact.html" rel="">联系我们</a>
                </div>
            </nav>
        </header>
        <main>
            <!--人物设计师-->
            <div class="Bannerbox">
                <div class="desingerbox">
                </div>
            </div>
            <!--精牌设计师-->
            <section class="JPdesinger">
                <p>DESIGNER</p>
                <div>精牌设计师</div>
                <div class="JPbox">
                    <div class="JPboxitem">
                        <div class="JPimg">
                            <img src="../images/1.jpg">
                        </div>
                        <p>何飞</p>
                        <p>擅长风格:简欧，美式，北欧</p>
                    </div>
                    <div class="JPboxitem">
                        <div class="JPimg">
                            <img src="../images/2.jpg">
                        </div>
                        <p>lucy</p>
                        <p>擅长风格:北欧</p>
                    </div>
                    <div class="JPboxitem">
                        <div class="JPimg">
                            <img src="../images/3.jpg">
                        </div>
                        <p>李云</p>
                        <p>擅长风格:美式，北欧</p>
                    </div>
                </div>
                <div class="morebtn">
                    <span>查看更多</span>
                </div>
            </section>
            <!--设计大咖-->
            <div class="SJdesinger">
                <div class="SJdebox">
                    <div class="SJdebox-left">
                        <img src="../images/portrait.jpg" alt="">
                    </div>
                    <div class="SJdebox-right">
                        <div class="dk">设计大咖</div>
                        <div class="zj">朱超（设计总监）</div>
                        <div class="cj">
                            <p>个人成就</p>
                            <p>2012年“世茂峰荟”作品在第二届国际环境艺术创新设计大赛中获三等奖. 2015获得香港设计协会终身奖.
                            </p>
                        </div>
                        <div class="ln">
                            <p>设计理念</p>
                            <p>当下，消费者对于个性化的追求逐步高涨，“消费者不再喜欢千篇一律的设计，他们更喜欢有独特 个性的设计。”我很愿意帮助他们完成个性家居的改造,设计风格注重中国传统文化，天人居和合一.
                            </p>
                        </div>
                    </div>
                </div>
            </div>
            <!--设计师免费服务-->
            <div class="Frservice">
                <p>service</p>
                <p>设计师免费服务</p>
                <div class="freebox">
                    <div class="freebox-left">
                        <img src="../images/images/free-leftbg_03.jpg" alt="">
                    </div>
                    <div class="freebox-middle">
                        <p>一键预约设计师</p>
                        <input type="text" placeholder="您的真实姓名:" ;/><br>
                        <input type="text" placeholder="您的联系手机:" ;/><br>
                        <input type="text" placeholder="请输入详细地址:" ;/><br>
                        <div class="order">
                            <span>预约免费设计</span>
                        </div>
                    </div>
                    <div class="freebox-right">
                        <img src="../images/custom.jpg" alt="">
                    </div>
                </div>
            </div>
            <!--客户案例-->
            <div class="case">
                <p>case</p>
                <p>客户案例</p>
                <div class="casebox">
                    <div class="casebox-item">
                        <div class="caseimg">
                            <img src="../images/case01.jpg" alt="">
                        </div>
                        <p>床+床头柜—象牙白</p>
                        <p>20-24m2/混搭系/现代简约</p>
                    </div>
                    <div class="casebox-item">
                        <div class="caseimg">
                            <img src="../images/case02.jpg" alt="">
                        </div>
                        <p>衣柜+白蜡木</p>
                        <p>20-24m2/深色系/现代简约</p>
                    </div>
                    <div class="casebox-item">
                        <div class="caseimg">
                            <img src="../images/case03.jpg" alt="">
                        </div>
                        <p>衣柜+柚木</p>
                        <p>20-16m2/深色系/现代简约</p>
                    </div>
                </div>
            </div>
        </main>
        <footer>
            <!--尾部-->
            <div class="bottom-nav">
                <!--底部导航-->
                <div class="bot-nav-layleft">
                    <!--底部左侧导航-->
                    <div class="bot-nav-layl-item">
                        <div class="itemtop">
                            <p>关于我们</p>
                        </div>
                        <div class="itembottom">
                            <div class="itembottomlay1">
                                <p>公司简介</p>
                            </div>
                            <div class="itembottomlay1">
                                <p>文化产品</p>
                            </div>
                            <div class="itembottomlay1">
                                <p>发展历史</p>
                            </div>
                        </div>
                    </div>
                    <!--关于我们-->
                    <div class="bot-nav-layl-item">
                        <div class="itemtop">
                            <p>产品中心</p>
                        </div>
                        <div class="itembottom">
                            <div class="itembottomlay1">
                                <p>现代都市</p>
                            </div>
                            <div class="itembottomlay1">
                                <p>折叠城市</p>
                            </div>
                            <div class="itembottomlay1">
                                <p>清风物语</p>
                            </div>
                            <div class="itembottomlay1">
                                <p>落落星辰</p>
                            </div>
                        </div>
                    </div>
                    <!--产品中心-->
                    <div class="bot-nav-layl-item">
                        <div class="itemtop">
                            <p>预约设计</p>
                        </div>
                        <div class="itembottom">
                            <div class="itembottomlay1">
                                <p>精牌设计</p>
                            </div>
                            <div class="itembottomlay1">
                                <p>设计申请</p>
                            </div>
                            <div class="itembottomlay1">
                                <p>客户案例</p>
                            </div>
                        </div>
                    </div>
                    <!--预约设计-->
                    <div class="bot-nav-layl-item">
                        <div class="itemtop">
                            <p>新闻资讯</p>
                        </div>
                        <div class="itembottom">
                            <div class="itembottomlay1">
                                <p>品牌资讯</p>
                            </div>
                            <div class="itembottomlay1">
                                <p>热门观点</p>
                            </div>
                            <div class="itembottomlay1">
                                <p>家具动态</p>
                            </div>
                            <div class="itembottomlay1">
                                <p>精彩视频</p>
                            </div>
                        </div>
                    </div>
                    <!--新闻资讯-->
                    <div class="bot-nav-layl-item">
                        <div class="itemtop">
                            <p>服务平台</p>
                        </div>
                        <div class="itembottom">
                            <div class="itembottomlay1">
                                <p>理念服务</p>
                            </div>
                            <div class="itembottomlay1">
                                <p>服务支持</p>
                            </div>
                            <div class="itembottomlay1">
                                <p>服务承诺</p>
                            </div>
                            <div class="itembottomlay1">
                                <p>在线保修</p>
                            </div>
                        </div>
                    </div>
                    <!--服务平台-->
                </div>
                <div class="bot-nav-layright">
                    <div class="navlay1">
                        <!--底部右侧导航上层-->
                        <p>联系我们</p>
                    </div>
                    <div class="navlay2">
                        <!--底部右侧导航下层-->
                        <div class="navlay2-item">
                            <!--底部右侧导航下层item-->
                            <div class="navlay2-item-left">
                                <img src="../images/location.png">
                                <!--地址-->
                            </div>
                            <div class="navlay2-item-right">
                                <p>河南省-郑州高新区-万仙山-万仙洞</p>
                            </div>
                        </div>
                        <div class="navlay2-item">
                            <div class="navlay2-item-left">
                                <img src="../images/telephone.png">
                            </div>
                            <div class="navlay2-item-right">
                                <!--电话-->
                                <p>110-123456789</p>
                            </div>
                        </div>
                        <div class="navlay2-item">
                            <div class="navlay2-item-left">
                                <img src="../images/world-web.png">
                                <!--网站-->
                            </div>
                            <div class="navlay2-item-right">
                                <p>www.110.com</p>
                            </div>
                        </div>
                    </div>
                </div>
                <!--底部右侧导航-->
            </div>
            <div class="beian">
                <!--网站备案-->
                <div class="beian-left">
                    <p>©2017姿在家家居用品股份有限公司版权所有法律声明及隐私权政策·知识产权新ICP备05003017号新公网安备:65010402001003号</p>
                </div>
                <div class="beian-right">
                    <div class="beian-right-left">
                        <!--友情链接-->
                        <p>友情链接:</p>
                    </div>
                    <div class="beian-right-right">
                        <!--logo图标-->
                        <div class="itemlogo">
                            <!--插入iconfont图标 微博-->
                        </div>
                        <div class="itemlogo">
                            <!--插入iconfont图标 微视-->
                        </div>
                        <div class="itemlogo">
                            <!--插入iconfont图标 微信-->
                        </div>
                        <div class="itemlogo">
                            <!--插入iconfont图标 qq-->
                        </div>
                    </div>
                </div>
            </div>
        </footer>
    </div>
</body>

</html>